<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../style/fjol_style.css" rel="stylesheet" />
		<link href="../style/xol_style.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav newbgRed">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">全部户型</h1>
		</header>
		<div class="mui-content">
		    <div class="mui-scroll-wrapper" style="top: 45px;">
		        <div class="mui-scroll">
		            <!--这里放置真实显示的DOM内容-->
		            <ul class="mui-list-unstyled" id="buildingHouseTypePageList">
	                    
	                </ul>
	                
		        </div>
		    </div>
		    
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/jquery.tmpl.min.js"></script>
		<script id="buildingHouseTypePageTmpl" type="text/x-jquery-tmpl">
			<li class="mui-table-view-cell bg-white mb10" id="${id}" style="">
					<div class="bd9 mb5">
						${title}
					</div>
					<span class="mr5">${bedRoomNumber}室${livingRoomNumber}厅${toiletNumber}卫</span>
					<span class="mr5">建筑面积 ${square}㎡</span>
					<span>均价 ${averagePrice?averagePrice:0}万/套</span>
					<div class="mt5">
					{{each(i,word) $item.getkeyWord()}}
						<span class="mui-badge mui-badge-green mui-badge-inverted f10">${word}</span>
					{{/each}}
					</div>
					<div class="p10 mt5">
						<img class="mui-media-object" src="${coverImage}" style="width: 100%;" />
					</div>
					
			</li>
		</script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function(){
					
				var wv = plus.webview.currentWebview();
				var buildingHouseTypePageList = wv.buildingHouseTypePageList;
				$('#buildingHouseTypePageTmpl').tmpl(buildingHouseTypePageList,{
					getkeyWord:function(){
						var keywords = [];
						keywords = this.data.keyword.split(',');
						return keywords;
					}
				}).appendTo('#buildingHouseTypePageList');
				
				mui('#buildingHouseTypePageList').on('tap','li',function(){
					mui.openWindow({
							url:'layout_detail.html',
							id:'layout_detail',
							extras:{
								listData:buildingHouseTypePageList
							}
						})
				});
				mui('.mui-scroll-wrapper').scroll({
						deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
				});
			})
		</script>
	</body>

</html>